<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="../Css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="../Css/bootstrap-responsive.css" />
    <link rel="stylesheet" type="text/css" href="../Css/style.css" />
    <script type="text/javascript" src="../Js/jquery.js"></script>
    <script type="text/javascript" src="../Js/jquery.sorted.js"></script>
    <script type="text/javascript" src="../Js/bootstrap.js"></script>
    <script type="text/javascript" src="../Js/ckform.js"></script>
    <script type="text/javascript" src="../Js/common.js"></script>

 

    <style type="text/css">
        body {
            padding-bottom: 40px;
        }
        .sidebar-nav {
            padding: 9px 0;
        }

        @media (max-width: 980px) {
            /* Enable use of floated navbar text */
            .navbar-text.pull-right {
                float: none;
                padding-left: 5px;
                padding-right: 5px;
            }
        }


    </style>
    <script type="text/javascript">
     $(function () {
         dataLoad();
		$('#newNav').click(function(){
				window.location.href="add.html";
		 });

    });

     function pageSet(pageInfo) {

     }

     function dataLoad(){
         $.ajax({
             type:"GET",
             url:"/resource/list",
             data:{name:$("#resourceName").val()},
             dataType:"json",
             success:function (vo) {
                 var list = vo.pageInfo.list;
                 var str = "";
                 for (var i = 0; i<list.length; i++){
                     var name = list[i].name;
                     var url = list[i].url;
                     var state = list[i].state==0?"有效":"失效";
                     str+='<tr>\n' +
                         '\t<td style="vertical-align:middle;"><input type="checkbox" name="check" value="1"></td>\n' +
                         '       <td>'+name+'</td>\n' +
                         '       <td>'+url+'</td>\n' +
                         '       <td>'+state+'</td>\n' +
                         '       <td>\n' +
                         '       <a href="edit.html">编辑</a>&nbsp;&nbsp;&nbsp;' +
                         '       <a href="javascript:alert(\'删除成功！\');">删除</a>             \n' +
                         '  </td>\n' +
                         '</tr>';
                 }
                 $("#list").html(str);
             }
         });
     }
	
    function checkall(){
			var alls=document.getElementsByName("check");
			var ch=document.getElementById("checkall");
			if(ch.checked){
				for(var i=0;i<alls.length;i++){
					alls[i].checked=true;	
				}	
			}else{
				for(var i=0;i<alls.length;i++){
					alls[i].checked=false;	
				}	
			}
		}
		function delAll(){
			var alls=document.getElementsByName("check");
			var ids=new Array();
			for(var i=0;i<alls.length;i++){
				if(alls[i].checked){
					ids.push(alls[i].value);
				}		
			}
			if(ids.length>0){
				if(confirm("确认删除?")){
					alert("删除成功!");
				}
			}else{
				alert("请选中要删除的项");
			}
		}
    </script>
</head>
<body>
<form class="form-inline definewidth m20" action="index.html" method="get">    
    资源(菜单)名称：
    <input type="text" name="username" id="resourceName"class="abc input-default" placeholder="" value="">&nbsp;&nbsp;
    <button type="queryBnt" class="btn btn-primary">查询</button>
</form>
<table class="table table-bordered table-hover definewidth m10" >
    <thead>
    <tr>
    	<th width="5%"><input type="checkbox" id="checkall" onChange="checkall();"></th>
        <th>资源名称</th>
        <th>路径Url</th>
        <th>是否有效</th>
        <th  width="10%">操作</th>
    </tr>
    </thead>
    <tbody id="list">
	     <tr>
         	<td style="vertical-align:middle;"><input type="checkbox" name="check" value="1"></td>
            <td>挂号信息管理</td>
            <td>query.action</td>
            <td>有效</td>
            <td>
                <a href="edit.html">编辑</a>&nbsp;&nbsp;&nbsp;<a href="javascript:alert('删除成功！');">删除</a>             
            </td>
        </tr>
    </tbody>
</table>
<table class="table table-bordered table-hover definewidth m10" >
  	<tr><th colspan="5">
        <div class="inline pull-right page">
         10122 条记录 1/507 页
            <a href='#'>下一页</a>     <span class='current'>1</span>
            <a href='#'>2</a>
            <a href='/chinapost/index.php?m=Label&a=index&p=3'>3</a>
            <a href='#'>4</a><a href='#'>5</a>
            <a href='#' >下5页</a> <a href='#' >最后一页</a>
        </div>
        <div>
            <button type="button" class="btn btn-success" id="newNav">添加资源</button>&nbsp;&nbsp;&nbsp;
            <button type="button" class="btn btn-success" id="delPro" onClick="delAll();">删除选中</button></div>
        </th>
    </tr>
  </table>
</body>
</html>